﻿<!doctype html>
<html>
	<head>
		<title>羽乐汇</title>
		<meta name="keywords" content="羽毛球，球会，球场，教练">
		<meta name="charset" content="UTF-8">
		<link rel="stylesheet" type="text/css" href="Css/index.css">
		<script type="text/javascript" src="Js/jquery.min.js"></script>
		<script type="text/javascript" src="Js/index.js"></script>
	<body>
		<div class="top">
			<div class="ttop">
				<span>欢迎来到羽乐汇</span>
				<div>
					<button class="login_btn">登陆</button>
					<button class="sign_btn">注册</button>
					<a href="vip_center.html">vip中心</a>
				</div>
			</div>
			<div>
				<img src="Img/logo.jpg">
			</div>
			<div class="main_nav">
				<ul>
					<li>首页</li>
					<li>球场</li>
					<li>球会</li>
					<li>培训</li>
					<li>活动</li>
					<li>达人</li>
					<li>竞赛</li>
					<li>资讯</li>
				</ul>
			</div>
		</div>
		<div class="middle">middle</div>
		<div class="foot">foot</div>
		<div class="login_box">
			<div class="login_head">
				<span>会员登录</span>
				<button class="close_login_btn"><img src="Img/light_box_close_btn.png"></button>
			</div>
			<div class="login_type">
			<!-- 	<a href="#">普通方式登陆</a>
				<a href="#">手机动态码登陆</a> -->
			</div>
			<div class="login_content"></div>
			<div class="login_foot"></div>
		</div>
	</head>
	</body>
	<script type="text/javascript">
		$('.login_btn').bind('click',function(){
			var windowWidth=$(window).width();
			$('.top,.middle,.foot').css({opacity:'0.5'});
			$('.login_box').css({left:windowWidth/2-290,display:'block',opacity:'1'});
		});
		$('.close_login_btn').bind('click',function(){
			$('.top,.middle,.foot').css({opacity:'1'});
			$('.login_box').css({display:'none'});
		})
		$('.sign_btn').bind('click',function(){
			$('.middle').load('inc/sign_box.html');
		})
	</script>
</html>
